li {
    list-style: none;
}

* {
    padding: 0;
    margin: 0;
}

img {
    display: block;
}

a {
    text-decoration: none;
}

.header {
    height: .88rem /* 44/50 */;
    background: rgba(250, 250, 250, 0.9);
    border-bottom: 1px solid #E4E4E4;
    padding: 0 .24rem /* 12/50 */;
    box-sizing: border-box;
    position: relative;
    .header-left{
        position: absolute;
        top: .2rem /* 10/50 */;
        left: .24rem /* 12/50 */;
        width: .48rem /* 24/50 */;
        height: .48rem /* 24/50 */;
        background: url('https://img02.hua.com/m/icon/iconChevronLeft@2x.png')no-repeat center center;
        background-size: .48rem /* 24/50 */ .48rem /* 24/50 */;
    }
    .header-conter{
        
        height: .88rem/* 44/50 */
        ;
        text-align: center;
        line-height: .88rem/* 44/50 */
        ;
        color: #232628;
        font-size: .32rem/* 16/50 */
        ;
    }
    .header-item{
        width: .48rem /* 24/50 */;
        height: .54rem /* 27/50 */;
        display: block;
        position: absolute;
        right: 1.08rem /* 54/50 */;
        top: .2rem /* 10/50 */;
        color: #666;
        span{
            display: block;
            width: .32rem /* 16/50 */;
            height: .32rem /* 16/50 */;
            margin:0 auto;
            background: url('https://img02.hua.com/m/icon/chat_icon_new.png')no-repeat center center;
            background-size: cover;
        }
        p{
            height: .2rem /* 10/50 */;
            font-size: .2rem /* 10/50 */;
            color: #666;
        }
    }
    .header-right{
        width: .48rem /* 24/50 */;
        height: .48rem /* 24/50 */;
        background: url('https://img02.hua.com/m/icon/iconMore@2x.png')no-repeat center center;
        position: absolute;
        top: .2rem /* 10/50 */;
        right: .32rem /* 16/50 */;
        background-size: .48rem /* 24/50 */ .48rem /* 24/50 */;
    }
}
.nav{
    height: .96rem /* 48/50 */;
    padding: .1rem /* 5/50 */ 0;
    box-sizing: border-box;
    border-bottom: 1px solid #E4E4E4;
    background: #fff;
    display: none;
    .nav-list{
        display: flex;
        .nav-item{
            flex: 1;
          .nav-a{
              display: block;
              margin:0 auto;
              width: .4rem /* 20/50 */;
              height: .4rem /* 20/50 */;
              background: url('https://img02.hua.com/m/icon/home_icon_new.png')no-repeat center center;
              background-size: cover;
          }
          .nav-b{
            display: block;
            margin:0 auto;
            width: .4rem /* 20/50 */;
            height: .4rem /* 20/50 */;
            background: url('https://img02.hua.com/m/icon/classify_icon_new.png')no-repeat center center;
            background-size: cover;
            }
            .nav-c{
                display: block;
                margin:0 auto;
                width: .4rem /* 20/50 */;
                height: .4rem /* 20/50 */;
                background: url('https://img02.hua.com/m/icon/cart_icon_new.png')no-repeat center center;
                background-size: cover;
            }
            .nav-d{
                display: block;
                margin:0 auto;
                width: .4rem /* 20/50 */;
                height: .4rem /* 20/50 */;
                background: url('https://img02.hua.com/m/icon/my_icon_new.png')no-repeat center center;
                background-size: cover;
            }
          p{
              height: .32rem /* 16/50 */;
              font-size: .2rem /* 10/50 */;
              margin-top: .06rem /* 3/50 */;
              color: #494949;
              text-align: center;
              line-height: .32rem /* 16/50 */;
          }
        }
    }
    
}
.active{
    display: block;
}
.container{
    background-color: #fff;
    .con{
        height: 12.2rem /* 610/50 */;
        background: url('https://img02.hua.com/zhuanti/sumptuousflower/m/bg.png')no-repeat center center;
        background-size: cover;
       
        .banner{
            position: relative;
            background-color: rgba(0, 0, 0, 0.6);
            height: 100%;
            color: #fff;
            .banner-title{
                height: 2.92rem /* 146/50 */;
                padding-top: 1.4rem /* 70/50 */;
                box-sizing: border-box;
                div{
                    width: 3.6rem /* 180/50 */;
                    height: .84rem /* 42/50 */;
                    margin:0 auto;
                    background: url('https://img02.hua.com/zhuanti/sumptuousflower/pc/bannertitle.png')no-repeat center center;
                    background-size: contain;
                }
                p{
                    height: .44rem /* 22/50 */;
                    text-align: center;
                    line-height: .44rem /* 22/50 */;
                    margin-top: .24rem /* 12/50 */;
                    font-size: .32rem /* 16/50 */;
                    font-weight: 600;
                }
            }
            .banner-desc{
                height: .38rem /* 19/50 */;
                margin-top: .48rem /* 24/50 */;
                font-size: .28rem /* 14/50 */;
                line-height: .38rem /* 19/50 */;
                position: relative;
                text-align: center;
                p::after{
                    content: '';
                    width: 6.3rem /* 315/50 */;
                    height: .02rem /* 1/50 */;
                    background-color: #fff;
                    position: absolute;
                    bottom: 140%;
                    left: .6rem /* 30/50 */;
                }
                p::before{
                    content: '';
                    width: 6.3rem /* 315/50 */;
                    height: .02rem /* 1/50 */;
                    background-color: #fff;
                    position: absolute;
                    top: 140%;
                    left: .6rem /* 30/50 */;
                   
                }
            }
            .banner-item{
                width: 64%;
                height: 1.84rem /* 92/50 */;
                
                margin:0 auto;
                .banner-a{
                    height: .4rem /* 20/50 */;
                    background: url('https://img02.hua.com/zhuanti/sumptuousflower/m/iconflower.png')left center no-repeat;
                    padding-left: .64rem /* 32/50 */;
                    background-size: .4rem /* 20/50 */;
                    line-height: .4rem /* 20/50 */;
                    font-size: .24rem /* 12/50 */;
                    color: #fff;
                    margin-top: 2rem /* 100/50 */;
                }
                .banner-b{
                    height: .4rem /* 20/50 */;
                    background: url('https://img02.hua.com/zhuanti/sumptuousflower/m/iconcamera.png')left center no-repeat;
                    padding-left: .64rem /* 32/50 */;
                    background-size: .4rem /* 20/50 */;
                    line-height: .4rem /* 20/50 */;
                    font-size: .24rem /* 12/50 */;
                    color: #fff;
                    margin-top: .32rem /* 16/50 */;
                }
                .banner-c{
                    height: .4rem /* 20/50 */;
                    background: url('https://img02.hua.com/zhuanti/sumptuousflower/m/iconchat.png')left center no-repeat;
                    padding-left: .64rem /* 32/50 */;
                    background-size: .4rem /* 20/50 */;
                    line-height: .4rem /* 20/50 */;
                    font-size: .24rem /* 12/50 */;
                    color: #fff;
                    margin-top: .32rem /* 16/50 */;
                }
            }
        }
    }
    .ta{
        // height: 54.53rem /* 2726.5/50 */;
        background-color: #696C6F;
        padding: 0 .48rem /* 24/50 */ .32rem /* 16/50 */;
        box-sizing: border-box;
        .ta-title{
            height: 1.34rem /* 67/50 */;
            padding: .48rem /* 24/50 */ 0;
            box-sizing: border-box;
            font-size: .28rem /* 14/50 */;
            text-align: center;
            color: #fff;
        }
    .ta-conter{
        // height: 52.87rem /* 2643.5/50 */;
        // margin-bottom: .32rem /* 16/50 */;
        .ta-item{
            display: block;
            height: 11.6rem /* 580/50 */;
            .ta-top{
                height: 8.72rem /* 436/50 */;
                width: 100%;
                img{
                    height: 8.72rem /* 436/50 */;
                    width: 100%;
                }
            }
            .ta-bottom{
                // height: 2.56rem /* 128/50 */;
                background-color: #494949;
                padding: .32rem /* 16/50 */ .16rem /* 8/50 */;
                box-sizing: border-box;
                .ta-in{
                    height: .96rem /* 48/50 */;
                    border-left: 4px solid #BCBCBC;
                    display: flex;
                    justify-content: space-between;
                    .in-left{
                        height: .96rem /* 48/50 */;
                        padding: .08rem /* 4/50 */ 0 0 .24rem /* 12/50 */;
                        box-sizing: border-box;
                        color: #fff;
                        p{
                            height: .32rem /* 16/50 */;
                            font-size: .24rem /* 12/50 */;
                            line-height: .32rem /* 16/50 */;
                        }
                        div{
                            height: .48rem /* 24/50 */;
                            margin-top: .08rem /* 4/50 */;
                            line-height: .48rem /* 24/50 */;
                            font-size: .36rem /* 18/50 */;
                            span{
                                margin-left: .2rem /* 10/50 */;
                                font-size: .24rem /* 12/50 */;
                                line-height: .32rem /* 16/50 */;
                            }
                        }
                    }
                    .in-right{
                        background-color: #232323;
                        width: .96rem /* 48/50 */;
                        height: .96rem /* 48/50 */;
                        padding: .08rem /* 4/50 */ 0;
                        box-sizing: border-box;
                        color: #fff;
                        p{
                            height: .32rem /* 16/50 */;
                            font-size: .24rem /* 12/50 */;
                            line-height: .32rem /* 16/50 */;
                            letter-spacing: .04rem /* 2/50 */;
                            text-align: center;
                        }
                        div{
                            text-align: center;
                            height: .52rem /* 26/50 */;
                            font-size: .4rem /* 20/50 */;
                            line-height: .52rem /* 26/50 */;

                        }
                    }
                }
                .ta-fo{
                    // height: 1.12rem /* 56/50 */;
                    color: #BCBCBC;
                    font-size: .24rem /* 12/50 */;
                    padding: .24rem /* 12/50 */ 0 .08rem /* 4/50 */;
                    box-sizing: border-box;
                }
            }
        }
        .ta-item:last-of-type{
            margin-bottom: 0;
            height: 11.28rem /* 564/50 */;
        }
        .ta-items{
            display: block;
            height: 5.83rem /* 291.5/50 */;
            margin-bottom: .32rem /* 16/50 */;
            .ta-top{
                height:3.27rem /* 163.5/50 */;
                width: 100%;
                img{
                    height:3.27rem /* 163.5/50 */;
                    width: 100%;
                }
            }
            .ta-bottom{
                height: 2.56rem /* 128/50 */;
                background-color: #494949;
                margin: .32rem /* 16/50 */ .16rem /* 8/50 */;
                box-sizing: border-box;
                .ta-in{
                    height: .96rem /* 48/50 */;
                    border-left: 4px solid #BCBCBC;
                    display: flex;
                    justify-content: space-between;
                    .in-left{
                        height: .96rem /* 48/50 */;
                        padding: .08rem /* 4/50 */ 0 0 .24rem /* 12/50 */;
                        box-sizing: border-box;
                        color: #fff;
                        p{
                            height: .32rem /* 16/50 */;
                            font-size: .24rem /* 12/50 */;
                            line-height: .32rem /* 16/50 */;
                        }
                        div{
                            height: .48rem /* 24/50 */;
                            margin-top: .08rem /* 4/50 */;
                            line-height: .48rem /* 24/50 */;
                            font-size: .36rem /* 18/50 */;
                            span{
                                margin-left: .2rem /* 10/50 */;
                                font-size: .24rem /* 12/50 */;
                                line-height: .32rem /* 16/50 */;
                            }
                        }
                    }
                    .in-right{
                        background-color: #232323;
                        width: .96rem /* 48/50 */;
                        height: .96rem /* 48/50 */;
                        padding: .08rem /* 4/50 */ 0;
                        box-sizing: border-box;
                        color: #fff;
                        p{
                            height: .32rem /* 16/50 */;
                            font-size: .24rem /* 12/50 */;
                            line-height: .32rem /* 16/50 */;
                            letter-spacing: .04rem /* 2/50 */;
                            text-align: center;
                        }
                        div{
                            text-align: center;
                            height: .52rem /* 26/50 */;
                            font-size: .4rem /* 20/50 */;
                            line-height: .52rem /* 26/50 */;

                        }
                    }
                }
                .ta-fo{
                    height: 1.12rem /* 56/50 */;
                    color: #BCBCBC;
                    font-size: .24rem /* 12/50 */;
                    padding: .24rem /* 12/50 */ 0 .08rem /* 4/50 */;
                    box-sizing: border-box;
                }
            }
        }
    }
    }
    .iner{
        
        background-color: #F6F6F6;
        padding: 0  .48rem /* 24/50 */ .32rem /* 16/50 */;
        box-sizing: border-box;
        .iner-title{
            height: 1.34rem /* 67/50 */;
            padding: .48rem /* 24/50 */ 0;
            box-sizing: border-box;
            font-size: .28rem /* 14/50 */;
            text-align: center;
            color: #232323;
            
        }
        .inner-last{
            .ta-item{
                display: block;
                margin-bottom: .32rem /* 16/50 */;
                // height: 12.24rem /* 612/50 */;
                .ta-top{
                    height: 8.72rem /* 436/50 */;
                    width: 100%;
                    img{
                        height: 8.72rem /* 436/50 */;
                        width: 100%;
                    }
                }
                .ta-bottom{
                    background-color: #fff;
                    padding: .32rem /* 16/50 */ .16rem /* 8/50 */;
                    box-sizing: border-box;
                    .ta-in{
                        height: .96rem /* 48/50 */;
                        border-left: 4px solid #777777;
                        display: flex;
                        justify-content: space-between;
                        .in-left{
                            height: .96rem /* 48/50 */;
                            padding: .08rem /* 4/50 */ 0 0 .24rem /* 12/50 */;
                            box-sizing: border-box;
                            color: #232323;
                            p{
                                height: .32rem /* 16/50 */;
                                font-size: .24rem /* 12/50 */;
                                line-height: .32rem /* 16/50 */;
                            }
                            div{
                                height: .48rem /* 24/50 */;
                                margin-top: .08rem /* 4/50 */;
                                line-height: .48rem /* 24/50 */;
                                font-size: .36rem /* 18/50 */;
                              
                            }
                        }
                        .in-right{
                            background-color: #232323;
                            width: .96rem /* 48/50 */;
                            height: .96rem /* 48/50 */;
                            padding: .08rem /* 4/50 */ 0;
                            box-sizing: border-box;
                            color: #fff;
                            p{
                                height: .32rem /* 16/50 */;
                                font-size: .24rem /* 12/50 */;
                                line-height: .32rem /* 16/50 */;
                                letter-spacing: .04rem /* 2/50 */;
                                text-align: center;
                            }
                            div{
                                text-align: center;
                                height: .52rem /* 26/50 */;
                                font-size: .4rem /* 20/50 */;
                                line-height: .52rem /* 26/50 */;
    
                            }
                        }
                    }
                    .ta-fo{
                        // height: 1.12rem /* 56/50 */;
                        color: #777777;
                        font-size: .24rem /* 12/50 */;
                        padding: .24rem /* 12/50 */ 0 .08rem /* 4/50 */;
                        box-sizing: border-box;
                    }
                }
            }
            .ta-item:last-of-type{
                margin-bottom: 0;
            }
        }
        
    }
}
.go{
    width: .72rem /* 36/50 */;
    height: .72rem /* 36/50 */;
    border-radius: 50%;
    border: 1px solid #999;
    background-color: #FFF;
    opacity: .8;
    position: fixed;
    bottom: 1.2rem /* 60/50 */;
    right: .3rem /* 15/50 */;
    cursor: pointer;
    p{
        width: .48rem /* 24/50 */;
        height: .48rem /* 24/50 */;
        background: url('https://img02.hua.com/m/icon/arrow_Top.png')no-repeat center;
        background-size: contain;
        
        margin:.12rem /* 6/50 */ auto ;
    }
}

.chat {
    display: none;
    width: 100%;
    height: 12.14rem/* 607/50 */
    ;
    background-color: #fff;
    position: fixed;
    left: 0;
    bottom: 0;
    .chat-top {
        height: 1.2rem/* 60/50 */
        ;
        background-color: rgb(255, 102, 0);
        padding: .2rem/* 10/50 */
        ;
        display: flex;
        align-items: center;
        justify-content: space-between;
        box-sizing: border-box;
        .chat-ber {
            line-height: .28rem/* 14/50 */
            ;
            font-size: .28rem/* 14/50 */
            ;
            color: #fff;
        }
        .chat-sj {
            font-size: .4rem/* 20/50 */
            ;
            color: #fff;
        }
    }
    .chat-bottom {
        height: 10.94rem/* 547/50 */
        ;
        .btn-top {
            height: 9.14rem/* 457/50 */
            ;
            padding: .28rem/* 14/50 */
            ;
            box-sizing: border-box;
            .btn-item {
                // height: 1.9rem/* 95/50 */
                // ;
                padding: .2rem/* 10/50 */
                ;
                padding-left: 0;
                display: flex;
                img {
                    width: 36px;
                    height: 36px;
                    margin-right: 10px;
                    margin-top: 16px;
                    vertical-align: top
                }
                .base {
                    width: 5.74rem/* 287/50 */
                    ;
                    // height: 1.5rem/* 75/50 */
                    // ;
                    .msg {
                        color: rgb(178, 178, 178);
                        font-size: .24rem/* 12/50 */
                        ;
                        margin-bottom: .04rem/* 2/50 */
                        ;
                        line-height: .28rem/* 14/50 */
                        ;
                        height: .28rem/* 14/50 */
                        ;
                    }
                    .per {
                        height: 1.18rem/* 59/50 */
                        ;
                        border: 1px solid rgb(240, 240, 240);
                        box-sizing: border-box;
                        font-size: .26rem/* 13/50 */
                        ;
                        word-break: break-word;
                        padding: .2rem/* 10/50 */
                        .3rem/* 15/50 */
                        ;
                        border-radius: .06rem/* 3/50 */
                        ;
                        line-height: .32rem/* 16/50 */
                        ;
                    }
                    .pers{
                        height: 5.42rem /* 271/50 */;
                        padding: .2rem /* 10/50 */ .3rem /* 15/50 */;
                        border-radius: .06rem /* 3/50 */;
                        box-sizing: border-box;
                        border: 1px solid rgb(240, 240, 240);
                        .pers-top{
                            height: 2.04rem /* 102/50 */;
                            font-size: .26rem /* 13/50 */;
                            color: rgb(29, 39, 84);
                            word-break: break-word;
                            overflow: hidden;
                        }
                        .pers-bottom{
                            height: 2.98rem /* 149/50 */;
                            .pers-one{
                                margin-bottom: 8px;
                                padding-bottom: 8px;
                                border-bottom: 1px solid rgb(225, 229, 240);
                            }
                            .pers-two{
                                height: .34rem /* 17/50 */;
                                margin-bottom: .1rem /* 5/50 */;
                                font-size: .26rem /* 13/50 */;
                                line-height: .34rem /* 17/50 */;
                                color: rgb(29, 39, 84);
                            }
                            .pers-three{
                                height: 1.54rem /* 77/50 */;
                                p{
                                    height: .34rem /* 17/50 */;
                                    margin: .06rem /* 3/50 */ 0;
                                    color: rgb(24, 128, 255);
                                    font-size: .26rem /* 13/50 */;
                                    cursor: pointer;
                                    line-height: .34rem /* 17/50 */;
                                }
                            }
                            .pers-five{
                                height: .34rem /* 17/50 */;
                                margin: .16rem /* 8/50 */ 0;
                                font-size: .26rem /* 13/50 */;
                                color: rgb(144, 149, 171);
                                line-height: .34rem /* 17/50 */;
                            }
                        }
                    }
                }
            }
            .btn-conter{
                div{
                    height: .64rem /* 16/50 */;
                    font-size: .24rem /* 12/50 */;
                    text-align: center;
                    line-height: 16px;
                    // margin-bottom: .2rem /* 10/50 */;
                    color: rgb(153, 153, 153);
                    span{
                        font-size: .24rem /* 12/50 */;
                    }
                    p{
                        color: rgb(153, 153, 153);
                        height: .32rem /* 16/50 */;
                        font-size: .24rem /* 12/50 */;
                        text-align: center;
                        line-height: 16px;
                    }

                }
                .may{
                    height: 1.56rem /* 78/50 */;
                    padding: .2rem /* 10/50 */ 0 .2rem /* 10/50 */ .2rem /* 10/50 */;
                    box-sizing: border-box;
                    p{
                        height: .3rem /* 15/50 */;
                        font-size: .24rem /* 12/50 */;
                        color: rgb(178, 178, 178);
                        text-align: right;
                    }
                    div{
                        width: 1.04rem /* 52/50 */;
                        height: .84rem /* 42/50 */;
                        line-height: .84rem /* 42/50 */;
                        background-color: rgb(255, 102, 0);
                        border-radius: .1rem /* 5/50 */;
                        text-align: center;
                        float: right;
                        font-size: .26rem /* 13/50 */;
                    }
                }
            }
        }
        .btn-bottom {
            height: 1.8rem/* 90/50 */
            ;
            padding: .1rem/* 5/50 */
            .2rem/* 10/50 */
            .1rem/* 5/50 */
            .28rem/* 14/50 */
            ;
            border-top: 1px solid  rgb(221, 221, 221);
            box-sizing: border-box;
            .tip-top {
                height: .6rem/* 30/50 */
                ;
                display: flex;
                align-items: center;
                i {
                    display: block;
                    width: .48rem/* 24/50 */
                    ;
                    height: .48rem/* 24/50 */
                    ;
                    font-size: .40rem/* 24/50 */
                    ;
                    margin: 0 .22rem/* 11/50 */
                    0 .1rem/* 5/50 */
                    ;
                    color: rgb(102, 102, 102);
                }
            }
            .tip-bottom {
                height: 1rem/* 50/50 */
                ;
                
                display: flex;
                align-items: center;
                position: relative;
                .input{
                    width: 6rem /* 300/50 */;
                    height: .8rem /* 40/50 */;
                    background-color: rgb(243, 244, 248);
                    border: none;
                    outline: none;
                    font-size: .26rem /* 13/50 */;
                    text-indent: 1em;
                }
                .fs{
                    width: .96rem /* 48/50 */;
                    height: .6rem /* 30/50 */;
                    background-color: rgb(255, 102, 0);
                    font-size: .28rem /* 14/50 */;
                    color: #fff;
                    text-align: center;
                    line-height: .6rem /* 30/50 */;
                    border-radius: .06rem /* 3/50 */;
                }
            }
            .xlitem{
                display: none;
                width: 7.46rem /* 373/50 */;
                height: 2.72rem /* 136/50 */;
                position: absolute;
                top: 380px;
                left: 1px;
                background: rgb(255, 255, 255);
                border-top: 1px solid rgb(221, 221, 221);
                z-index: 10;
                li{
                    width: .5rem /* 25/50 */;
                    height: .5rem /* 25/50 */;
                    margin: .2rem /* 10/50 */;
                    background: url('https://static.meiqia.com/widget/static/emoji@2x.png') no-repeat;
                    float: left;
                    vertical-align: middle;
                    cursor: pointer;
                    background-size: cover;
                    box-sizing: border-box;
                }

            }
            .zanitem{
                width: 7.5rem /* 375/50 */;
                height: 10.94rem /* 547/50 */;
                background-color: rgba(0, 0, 0, 0.35);
                position: absolute;
                left: 0;
                top: 1.2rem /* 60/50 */;
                z-index: 10;
                display: none;
                .zan-top{
                    width: 100%;
                    height: 5.08rem /* 254/50 */;
                    background-color: #fff;
                    .zan-one{
                        padding: 10px 30px 0px;
                        box-sizing: border-box;
                        width: 100%;
                        text-align: center;
                        font-size: .28rem /* 14/50 */;
                        color: rgb(102, 102, 102);
                        height: .58rem /* 29/50 */;
                        line-height: .38rem /* 19/50 */;
                        position: relative;
                        .gb{
                            width: .4rem /* 20/50 */;
                            height: .4rem /* 20/50 */;
                            background: url('https://static.meiqia.com/widget/static/icon-desktop@2x.png')-2px -133px / 44px no-repeat;
                            position: absolute;
                            right: .2rem /* 20/50 */;
                            top: .2rem /* 5/50 */;
                        }
                    }
                    .zan-two{
                        height: 1.64rem /* 82/50 */;
                        margin-top: .2rem /* 10/50 */;
                        display: flex;
                        justify-content: center;
                        .eval{
                            width: 1.24rem /* 62/50 */;
                            height: 1.64rem /* 82/50 */;
                            padding: .2rem /* 10/50 */ .1rem /* 5/50 */ 0;
                            box-sizing: border-box;
                            color: rgb(102, 102, 102);
                            font-size: .26rem /* 13/50 */;
                            .evala-img{
                                width: .8rem /* 40/50 */;
                                height: .8rem /* 40/50 */;
                                margin: 0 auto;
                                background: url('https://static.meiqia.com/widget/static/icon-desktop@2x.png')-2px -310px / 44px no-repeat;
                            }
                            .eval-desc{
                                height: .44rem /* 22/50 */;
                                margin-top: .1rem /* 5/50 */;
                                text-align: center;
                                line-height: .44rem /* 20/50 */;
                               
                               
                            }
                            .evalb-img{
                                width: .8rem /* 40/50 */;
                                height: .8rem /* 40/50 */;
                                margin: 0 auto;
                                background: url('https://static.meiqia.com/widget/static/icon-desktop@2x.png')-2px -354px / 44px no-repeat;
                            }
                            .evalc-img{
                                width: .8rem /* 40/50 */;
                                height: .8rem /* 40/50 */;
                                margin: 0 auto;
                                background: url('https://static.meiqia.com/widget/static/icon-desktop@2x.png')-2px -398px / 44px no-repeat;
                            }
                        }
                    }
                    .zan-three{
                        height: 2.6rem /* 130/50 */;
                        padding: 10px 20px 15px;
                        box-sizing: border-box;
                        textarea{
                            display: block;
                            width: 6.7rem /* 335/50 */;
                            height: 1.2rem /* 60/50 */;
                            padding: .2rem /* 10/50 */;
                            box-sizing: border-box;
                            overflow-y: auto;
                            resize: none;
                            outline: none;
                            border: 1px solid rgb(237, 237, 237);
                            font-size: .26rem /* 13/50 */;
                            color: rgb(102, 102, 102);
                            // text-align: start;
                            // appearance: textarea;
                            // text-rendering: auto;
                        }
                        .zan-four{
                            display: block;
                            width: 100%;
                            box-sizing: border-box;
                            height: .7rem /* 35/50 */;
                            margin-top: .2rem /* 10/50 */;
                            border-radius: .06rem /* 3/50 */;
                            background-color: rgb(255, 102, 0);
                            font-size: .26rem /* 13/50 */;
                            text-align: center;
                            line-height: .7rem /* 35/50 */;
                            color: #fff;
                        }
                    }
                }
            }
        }
    }
}